@some: if((2<1), red, teal);
@bg: boolean(luma(black) > 50%);
@value: range(0,10,2);
@obj: red, blue, orange;

// each(@obj, {
//   .col-@{value} {
//     // width: 5% * @key;
//     width: 5% * @index;
//   }
// })
div {
  color: @some;
  width: if((2>1), 10px, 5px);
  // height: if((2<1) and (true), 10px, 5px);
  height: if((2<1) or (true), 10px, 5px);
  background-color: if(@bg,black,white);
  content: @value;
  each(@obj, {
    .col-@{value} {
      // width: 5% * @key;
      width: 5% * @index;
    }
  })
}